<!DOCTYPE html>
<html lang="en">

<head>
    <title>Happy Birthday To Username</title>
    <meta name="viewport" charset="utf-8" content="width=device-width,
    initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=1.0">
    <link rel="stylesheet" href="css/app.css">
    <script src="js/app.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js" defer></script>
    <audio id="bgm" src="http://download.tyzhang.top/files/bgm.mp3" loop="loop"></audio>
</head>

<body>
    <div class="container">
        <div id="pageloading">
            <center>
                <img src="images/loading.gif" style="width: 20%;">
                <h2 style="font-size: 10px;color: #FFFFFF">Loading...</h2>
            </center>
        </div>        
        <div id="viewport" class="viewport">
            <div class="pageview"
                style="background-image: url(images/img01.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;">
                <center class="pagecontent">
                    <h1 style="font-size: 50px;color: #FFFFFF">你好呀</h1>
                    <h2 style="font-size: 45px;color: #FFFFFF">一起跨年</h2>
                    <h3 style="font-size: 30px;color: #FFFFFF">To : 芳芳</h3>
                </center>
            </div>
            <div class="pageview"
                style="background-image: url(images/img02.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;">
                <center class="pagecontent">
                    <h2 style="font-size: 20px;color: #FFFFFF">"2023年<br>有你的日子总是轻松又愉快!"</h2>
                </center>
            </div>
            <div class="pageview"
                style="background-image: url(images/img03.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;">
                <center class="pagecontent">
                    <h1 style="font-size: 30px;color: #FFFFFF">"新的一年也一起加油！"</h1>
                    <h2 style="font-size: 20px;color: #FFFFFF">2024年<br>不管在哪里，都愿你开心每一天。</h2>
                </center>
            </div>
            <div class="pageview"
                style="background-image: url(images/img04.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;">
                <center class="pagecontent">
                    <h1 style="font-size: 30px;color: #FFFFFF">Happy New Year!</h1>
                    <h2 style="font-size: 20px;color: #FFFFFF">Happy Birthday！</h2>
                </center>
            </div>
            <div class="pageview"
                style="background-image: url(images/img06.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;">
                <center class="pagecontent">
                    <h1 style="font-size: 30px;color: #FFFFFF">"没时间写啦"</h1>
                    <h2 style="font-size: 20px;color: #FFFFFF">愿我们的友谊一直温暖相伴!</h2>
                      <br>一点心意<br>希望你喜欢<br>^_^</h2>
                </center>
            </div>
            <div class="pageview"
                style="background-image: url(images/img08.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;">
                <center style="margin-top: 20%">
                    <h1 style="font-size: 30px;color: #FFFFFF">"生日快乐! 跨年快乐!"</h1>
                    <h3>Made by Touyu</h3>
                </center>
            </div>
        </div>
        <div id="pagenumber" class="pagenumber">
            <div></div>
            <div></div>
        </div>
        <a href="javascript:play();"><img src="images/pause.png" width="7%" id="playbtn" border="0"></a>
    </div>
</body>

</html>
